{% extends "../../_base/layout.html" %} 

{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/personal_form.css"> 
{%endblock%} 

{% block content %}
    {% block header%}
    {% set pageHeaderConf = {pageTitle:__("change_pwd_page_title"),level:3} %} 
    {% include "../../_base/page_header.html" %} 
    {% endblock %}
    <div class="page-wrap eui--white-bacg">
        <div class="eui-login-form">
            <div class="eui-form-group"> 
                <label for="userName" class="eui-lable eui--font-26 eui--black-color">
                    {{__("old_pwd")}}
                </label>
                <input id="userName" class="eui-input eui--font-26" type="text">
            </div>
            <div class="eui--clearfix">
                <div class="eui-form-group"> 
                    <label for="userName" class="eui-lable eui--font-26 eui--black-color">
                        {{__("new_pwd")}}
                    </label>
                    <input id="userName" class="eui-input eui--font-26" type="text">
                </div>
                <div class="tips-text eui--pull-right" style="width:75%;margin:.213333rem 0;">
                    <p class="eui--949494-color eui--font-24">{{__("password_input_tips_1")}}</p>
                    <p class="eui--949494-color eui--font-24">{{__("password_input_tips_2")}}</p>
                </div>
            </div>   
            <div class="eui-form-group"> 
                <label for="userName" class="eui-lable eui--font-26 eui--black-color">
                    {{__("confirm_new_pwd")}}
                </label>
                <input id="userName" class="eui-input eui--font-26" type="text">
            </div>         
            <div class="agree eui--margin-y-20">           
                <label>
                    <input type="checkbox" name="radioName" id="agree-text" hidden/>
                    <label for="agree-text" class="eui-login-radio"></label>
                    <span class="radio-name">{{__("btn_show_pwd")}}</span>
                </label>
            </div>
            <a class="eui-btn eui--width-100 eui-btn-lg eui-btn-primary eui--margin-t-100" href="javascript:;">{{__("btn_confirm")}}</a>
        </div>
    </div>
{% endblock %}